@charset "utf-8";

ul li ,ol li{list-style: none;}

*{margin: 0;padding: 0;}

.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}

.clearfix{zoom:1;}

/* object-fit */

.obj-cover {object-fit: cover;font-family:'object-fit: cover;';}

.obj-contain {object-fit: contain;font-family:'object-fit: contain;';}

.mobilep{display:none;}

/* 绗竴姝?鎷疯礉椤圭洰涓嬮潰鐢熸垚鐨?@font-face */

@font-face {

  font-family: 'iconfont';

  src: url('../fonts/iconfont.eot');

  src: url('../fonts/iconfont.eot') format('embedded-opentype'),

  url('../fonts/iconfont.woff2') format('woff2'),

  url('../fonts/iconfont.woff') format('woff'),

  url('../fonts/iconfont.ttf') format('truetype'),

  url('../fonts/iconfont.svg#iconfont') format('svg');

}

/* 绗簩姝?瀹氫箟浣跨敤 iconfont 鐨勬牱寮?*/

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-oxs-font-smoothing: grayscale;

}



.top .erji>a:hover,.xinwen_a span a:hover,.guan .guan_a ul.guan_b li>a:hover,.link_c a:hover{text-decoration: underline !important;}



/* 椤堕儴 */

.dingbu{width: 100%;line-height: 30px;background: url(../images/topbg.jpg) repeat-x;}

.dingbu span{font-size: 12px;color: #c0c0c0;}

.an li>a{font-size: 12px;padding: 0px 10px;border-right: 1px solid #c0c0c0;color: #c0c0c0;text-decoration: none;}

.top .erji .map>a,.an li.map>a{border-right: none;}

.top .erji a{color: #ccc; font-size: 14px;};

@media(max-width: 900px){

  .dingbu{display: none;}

  .banner .w-100{ height:100px; object-fit: cover;}

}

/* 椤堕儴 end */

@media screen and (max-width:640px){

 ..logo .logo_a p.index_moju {

   display:none;

  }

}

/* logo */

.logo{width: 100%;line-height: 80px;position: relative;}

.logo .logo_a a>img{margin-top: 0px;}

.logo .logo_a p.index_moju{display: inline-block;vertical-align: middle;margin-top: 20px;}

.logo .logo_a span{font-size: 24px;font-weight: bold;display: inline-block; color: #01a1ed;

padding-left: 20px;line-height: 10px;}

.logo .logo_a .logo_b{background: url(../images/tel.jpg) no-repeat left center;text-align: left; width:250px;}

.logo .logo_a .logo_b>p{padding-left: 60px;line-height: 24px;display: inline-block;padding-top: 20px;font-size: 18px;}

.logo .logo_a .logo_b>p b{width: 100%;display: inline-block; font-size: 24px;}



.logo .logo_a span >a{font-size: 18px;display: inline-block; padding-left: 0px;padding-top: 20px;}

.an{position: absolute;top:0;left: 40%;display: none;}

.an li{display: inline-block;}

.an li>a{padding: 0px 6px;font-size: 14px;}

.an li>a:hover{color:#01a1ed; }

@media screen and (max-width:640px){

 ..logo .logo_a p.index_moju {

   display:none;

  }

}

@media(max-width: 900px){

  .an{display: block;}

  .logo{line-height: 60px;}

  .logo .logo_a li a img{height: 50px;width: auto;margin-left: 0;}

  .logo .logo_a .logo_b>p,.logo .logo_a span{display: none;}

}

/* logo end */



.guan{width: 100%;padding: 30px 0px 20px;}

.guan .guan_a{border-bottom: 1px solid #ebebeb;}

.guan .guan_a ul.guan_b li{display: inline-block;font-size: 14px;line-height: 40px;color: #666;}

.guan .guan_a ul.guan_b li>a{padding: 0px 6px;color: #666;}

.guan .guan_a ul.guan_b li>a:hover{text-decoration: underline !important;}

.guan_c form{width:100%;float:right;position:relative;}

.guan_c form .in_text{background: url(../images/indexa.jpg) no-repeat;width: 550px;height: 40px;text-indent: 1em;

	border: none;font-size: 14px;color: #999;}

.guan_c form .so{font-size:0px;border:none;background:none;width: 40px;height: 40px;cursor: pointer;position:absolute;right:0;top: 0;}









@media(max-width: 900px){

  .guan{display: none;}

}





/* 瀵艰埅鏍?logo */

header{width: 100%;line-height: 49px;}

header .nav_bj{ width: 0;height: 0;border-bottom: 50px solid #0077d3; border-left: 80px solid transparent;

  background: #fff;}

.bj{width: 40% ;height: 50px;background: #01a1ed;position: absolute;right: 0;z-index: -1;}



header  .container > nav > ul{background: #01a1ed;}

header  .container > nav > ul > li > a {display: inline-block;color: #fff;font-size: 14px;font-weight: bold;

  border-right: 1px solid #008fd2;}

header  .container > nav > ul > li.none a{border-right: none;}



@media (min-width: 768px) {

  header  .container > nav > ul > li {position: relative;background: #01a1ed;}

  header  .container > nav > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;

    top: 150%;left: 0;background:#01a1ed;text-align: center;z-index: 9999; }

  header  .container > nav > ul > li:hover > ul {

    opacity: 1;

    visibility: visible;

    top: 100%;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition:all .6s;

    width: 100%;

    }

  header .container > nav > ul > li.active a{background: #0077d3;}

  header .container > nav > ul > li.active ul > li > a {;background: none;}

  header .container > nav > ul > li a:hover{background: #0077d3;text-decoration: none !important;;}

  header .container > nav > ul > li > ul > li > a {display: block;margin: 0px auto;background: none;

    line-height: 40px;white-space: nowrap;color: #fff;font-weight: bold;font-size: 14px;}

  header  .container > nav > ul > li:hover > ul li{padding: 6px 16px;}

  header  .container > nav > ul > li:hover > ul li a{color: #fff;}

  header  .container > nav > ul > li > ul > li{color: #fff;}

  header  .container > nav > ul > li > ul > li:hover{background:#0077d3;}

  header  .container > nav > ul > li > ul > li > a:hover {color: #fff;}   

}



@media(min-width: 1300px){

  header  .container > nav > ul > li > a {padding: 0 40px;}

}

@media(max-width: 1299px) and (min-width: 1000px){

  header  .container > nav > ul > li > a {padding: 0 18px;font-size: 14px;}

}

@media(max-width: 1000px) and (min-width: 1200px){

  header  .container > nav > ul > li > a {padding: 0 10px;font-size: 14px;}

}

@media (max-width: 991px) {

  header .nav_bj{border-bottom: none; }

  header{background: none;}

  .logo .logo_a a>img{margin-top: 0;}

  header  .container > nav > ul > li a{border-right: none;}

  header  .container > nav {z-index: 9999;}

  header  .container > nav > ul{background: #f1f1f1;}

  header  .container > nav > ul > li > a {padding: 0 50px;}

  header  .container > nav > ul > li.active a{border-bottom: none;}

  header  .container > nav > ul > li ul li ol.yu{display: block;background: #01a1ed;}

  header  .container > nav > ul > li ul li ol.yu a{color: #fff;}

  header .container > nav > ul > li ul li ol.yu li:hover{background: #01a1ed;}

  header  .container > nav{ margin-top: 36px;background: none;border: none;}

}



@media (max-width: 900px) {

  .bj{background: none;}

  header  .container > nav > ul > li.active > a {color: #fff;}

  header  .container > nav > ul > li.active{ width: 100% ;background: #008fd2;}

  header  .container > nav > ul > li.active:hover{background: #008fd2;}

  header {/* height: 60px; *//* line-height: 60px; */}

  header  .container > .logo-box img {height: 20px;width: auto;}

  header  .container > nav {position: absolute;top: 26px;left: 0;width: 100%;text-align: center; 

    z-index: 9999;background: #f5f5f5;z-index: 9999;}

  header .container > nav{display: none;}

  header .container > nav > ul > li {position: relative;margin-left: 0px;}

  header  .container > nav > ul > li > i.iconfont {top: 0;right: 35px;font-size: 14px;}

  header  .container > nav > ul > li > i.icon-minus {color: #fff;}

  header  .container > nav > ul > li > a {color: #434343;font-size: 16px;}

  header .container > nav > ul > li > ul {display: none;background: #f9f9f9;}

  header .container > nav > ul > li > ul > li > a {display: block;font-size: 14px;color: #000 !important;height: 35px;line-height: 35px;}

  header  .container > nav > ul > li > ul > li > a:hover {color: #000 !important;}

  header  .container > nav > ul > li:hover {background: #01a1ed; }

  header  .container > nav > ul > li:hover > a{color: #fff;}

  header .menu-toggler {right: 15px;height: 100%;padding-top: 19px;overflow-x: hidden;top: 0px;}

  header .menu-toggler > span {position: relative;display: block;width: 30px;height: 4px;

    border-radius: 5px;background: #008fd2;}

  header .menu-toggler > span.top { top: 0;}

  header .menu-toggler > span.middle {left: 0;top: 5px;}

  header .menu-toggler > span.bottom {top: 10px;}

  header .menu-toggler.active > span.middle {left: 100px;}

  header .menu-toggler.active > span.top {top: 10px;transform: rotate(45deg);}

  header .menu-toggler.active > span.bottom {top: 2px;transform: rotate(-45deg);}

  .carousel{/* margin-top: -60px; */}

.slick-slide img{height: 130px;object-fit:cover;}







  

}

/* 瀵艰埅鏍?logo end */ 



/* footer 搴曢儴 */

footer .g_ft{ height:364px; background: url(../images/ftbg.jpg) no-repeat center top;

  overflow: hidden;padding-top: 12px;position: relative;background-size: cover;}

footer .g_ft .f_ftcon a{ color:#fff; display: inline-block;padding: 40px 30px 0;font-size: 16px;}

footer .g_ft .f_pr ul{display: inline-block;margin-top: 20px;padding-top: 50px;vertical-align: top;}

footer .g_ft .f_pr ul.m_fnav{width: 60%;color: #fff;font-size: 14px;line-height: 30px;}
@media screen and (max-width:1320px){
 footer .g_ft .f_pr ul.m_fnav{width:55%}
}
footer .g_ft .f_pr ul em{display: block;font-size: 14px;font-weight: bold;color: #fff;margin-top: 10px;}

footer .g_ft .f_pr ul span{/* display: block; */font-size: 14px;color: #fff;margin-top: 5px;}

footer .g_ft .f_pr ul.m_fnav li{color: #fff;}

footer .g_ft .li02 b{font-weight: normal;font-size: 14px;display: inline-block;padding-left: 90px;}

footer .g_ft .li03 {margin-top: 23px;}

footer .g_ft .li03 b{font-weight: normal;font-size: 26px;}

footer .g_ft .li03 a{margin-left:30px;color: #fff;}



.g_link{background:url(../images/linkbg.jpg) repeat;/* height: 64px; *//* line-height: 64px; */background-size: cover;}

.link_c{overflow:hidden;/* float: left; */width: 100%;font-size: 14px;}

.link_c a{padding-right: 10px;color:#a3b9dd;display: inline;height:30px;line-height:30px;float: left;}

.g_link span{display: block;float: right;}



footer .g_ft .kaoring{position: absolute;right: 18.6%;top: -56px;}

footer .g_ft .kaoring p{color: #fff;padding-top: 20px;font-size: 14px;padding-left: 10px;}



aside{width: 150px;border: 2px solid #3d5e91;position: fixed;right: 2px;top: 20%;background: #fff;z-index: 999;}

aside a>img{width: 100%;}

aside h5{color: #01A1ED;font-size: 14px;text-align: center;padding-top: 6px;}

aside p{color: #01A1ED;font-size: 18px;font-weight: bold; text-align: center;padding-top: 6px;line-height: 10px;}



@media(max-width: 900px){

  footer .g_ft{height: auto;}

  footer .g_ft .f_pr ul.m_fnav,footer .g_ft .f_ftcon a,.g_link,.g_ft ul.kaoring img{display: none;}

  footer .g_ft .f_pr ul{width: 100%;text-align: center;padding-top: 0;margin: 0;}

  aside{display: none;}

footer .g_ft .f_pr ul .fimg{width:100%;}

	.mobilep{display:block;color: #fff;font-size: 12px;margin-top: 10px;}







  

}

/* footer 搴曢儴 end */



/* 浜岀骇鑿滃崟 */

 .menu{display: none;}



@media(max-width: 900px){

  .menu{width: 100%; height: 40px;float: right;clear: both;display: block;z-index: 999;}

  .menu p{width: 100%;position: relative;font-size: 14px;height: 40px;line-height: 40px;display: block;

    cursor: pointer;background: #008fd2;color: #fff;text-align: center;}

  .menu p:hover{background: #007bff;}

  .menubar{position: relative;width: 100%;max-height: 0px;margin: 0 auto;overflow: hidden;z-index: 999;}

  .menubaropen{max-height: 700px;transform-origin:50% 0; transition: all 0.3s ease-out;}

  .menubar li{list-style-type: none; width: 100%;height: 40px;line-height: 40px; 

    text-align: center;background: #008fd2;display: block;cursor: pointer;}

  .menubar li.active{background: #007bff;}

  .menubar li:hover{ background: #008fd2;}

  .menuvalue{background: #008fd2;color: #fff;}

  .menubar li a{color: #fff;}

  @-webkit-keyframes slide-down{

    0%{transform:scale(1,0);}

    25%{transform:scale(1,1.2);}

    50%{transform:scale(1,0.85)

    75%{transform:scale(1,1.05);}

    100%{transform:scale(1,1);}

  }

}